@import "../../../styles/colors.less";

page {
  height: 100%;
  display: flex;

  .knowledge-test {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 70rpx 50rpx 50rpx;

    .question {
      flex: 1;
      margin-top: 140rpx;

      .title {
        display: block;
        font-size: 60rpx;
        // margin-bottom: 80rpx;
        font-weight: bold;
      }

      .content {
        display: block;
        font-size: 30rpx;
        margin: 80rpx 0;
      }

      .options > .question-item {
        background-color: #fff;
        border-radius: 30rpx;
        padding: 15rpx 30rpx;
        border: 1px solid @purple100;
        color: @purple100;

        &.active {
          background-color: @purple100;
          color: #FFFFFF;
        }

        &:not(:last-child) {
          margin-bottom: 50rpx;
        }
      }
    }
  }
}
